<template>
  <view class='information'>
	  <view class="inform">
	  	<view class="in_message">
	  		<text>个人信息</text>
	  	</view>
	  	<view class="in_info" >
			<block v-for="(item,index) in data" :key='index'>
				<view class="in_inf">
					个人信息
				</view>
					
					<view class="in_item">
					 <view>姓名</view>
					 <view class="item_color">{{item.name}}</view>
					</view>
					<view class="in_item">
						<view>身份证号</view>
						<view class="item_color">{{item.idCard}}</view>
					</view>
					<view class="in_item">
						<view>高考准考证号</view>
						<view class="item_color">{{item.candidateId}}</view>
					</view>
					<view class="in_item">
						<view>性别</view>
						<view class="item_color">{{item.sex}}</view>
					</view>
					<view class="in_item">
						<view>年龄</view>
						<view class="item_color">{{item.age}}</view>
					</view>
					<view class="in_item">
						<view>手机号码</view>
						<view class="item_color">{{item.telephone}}</view>
					</view>
					<view class="in_item">
						<view>就读专业</view>
						<view class="item_color">{{item.discipline}}</view>
					</view>
					<view class="in_item">
						<view>所在班级</view>
						<view class="item_color">{{item.className}}</view>
					</view>
					<view class="in_item">
						<view>所在学院</view>
						<view class="item_color">{{item.facultyName}}</view>
					</view>
					<view class="in_item">
						<view>籍贯</view>
						<view class="item_color">{{item.province}}</view>
					</view>
					<view class="in_item">
						<view>学号</view>
						<view class="item_color">{{item.studentId}}</view>
					</view>
					<view class="in_item">
						<view>详细地址</view>
						<view class="item_color">{{item.address}}</view>
					</view>
					<view class="in_item">
						<view>父亲姓名</view>
						<view class="item_color">{{item.political}}</view>
					</view>
					<view class="in_item">
						<view>父亲联系电话</view>
						<view class="item_color">{{item.achievement}}</view>
					</view>
					<view class="in_item">
						<view>母亲姓名</view>
						<view class="item_color">{{item.highSchool}}</view>
					</view>
					<view class="in_item">
						<view>母亲联系电话</view>
						<view class="item_color">{{item.reginfo}}</view>
					</view>
					<view class="in_item">
						<view>政治面貌</view>
						<view class="item_color">{{item.notificationNumber}}</view>
					</view>
					<view class="in_item">
						<view>高考成绩</view>
						<view class="item_color">{{item.modifiedTime}}</view>
					</view>
					<view class="in_item">
						<view>就读高中</view>
						<view class="item_color">{{item.fname}}</view>
					</view>
					<view class="in_item">
						<view>报道情况</view>
						<view class="item_color">{{item.mtelephone}}</view>
					</view>
					<view class="in_item">
						<view>录取通知书编号</view>
						<view class="item_color">{{item.mname}}</view>
					</view>
					<!-- <view class="in_item">
						<view>公司地址</view>
						<view class="item_color in_number">
						<view class="">{{item.address}}</view>
						</view>
					</view> -->
					<!-- 
					<view class="in_item">
						<view>电话</view>
						<view class="item_color">{{item.update_time}}</view>
					</view> -->
			</block>
	  	</view>
		<!-- <view class="baccolor"></view> -->
	  </view>
	  
	  
  </view>
</template>

<script>
export default {
  props: {},
  data() {
    return {
		Height: 0 ,
		data:[{
					"id": 1,
					        "name": "string",
					        "idCard": "string",
					        "candidateId": "string",
					        "sex": "string",
					        "age": 0,
					        "telephone": 0,
					        "discipline": "string",
					        "className": "string",
					        "facultyName": "string",
					        "province": "string",
					        "studentId": 0,
					        "address": "string",
					        "political": "string",
					        "achievement": "string",
					        "highSchool": "string",
					        "reginfo": "string",
					        "notificationNumber": "string",
					        "modifiedTime": "2021-04-04T16:37:10",
					        "fname": "string",
					        "mtelephone": "string",
					        "mname": "string",
					        "ftelephone": "string"
				}] ,//列表数据
		code:''
	};
  },
  computed: {},
  onLoad(data) {
	  // console.log(data.code)
	  // this.code = data.code
	  // this.getxinxi()
	  // this.showxiaoqu()
	  this.getUsserInfo()
  },
  methods: {
	  //数据显示
	  // async showxiaoqu(){
		 //  let res = await this.request({
			//   url:"/v1/communities",
			//   method:"GET",
			//   data:{
			// 	  "filter[code]":this.code
			//   }
		 //  })
		 //  this.data = res.data
	  // },
	  getUsserInfo(){
		  uni.request({
		  	url:'http://3837k8e217.wicp.vip/newborn/getnewbornByLists',
			data:'',
			method:'GET',
			success:function(res){
				console.log(res)
				this.data=[{
					"id": 1,
					        "name": "string",
					        "idCard": "string",
					        "candidateId": "string",
					        "sex": "string",
					        "age": 0,
					        "telephone": 0,
					        "discipline": "string",
					        "className": "string",
					        "facultyName": "string",
					        "province": "string",
					        "studentId": 0,
					        "address": "string",
					        "political": "string",
					        "achievement": "string",
					        "highSchool": "string",
					        "reginfo": "string",
					        "notificationNumber": "string",
					        "modifiedTime": "2021-04-04T16:37:10",
					        "fname": "string",
					        "mtelephone": "string",
					        "mname": "string",
					        "ftelephone": "string"
				}]
			}
		  })
	  },
	  // getxinxi(){
		 //  uni.getSystemInfo({
		 //     success: function (res) {
			// 	let winheight = res.windowHeight
			//  }
		 //  })
	  // }
  },
};
</script>

<style lang="less" scoped>
	.information{
		margin: 0 30rpx;
		.in_message{
			height: 100rpx;
			font-size: 44rpx;
			font-weight: 700;
			line-height: 100rpx;
			border-bottom: 1rpx solid #e6e6e6;
		}
		.in_info{
			.in_inf{
				margin-top: 20rpx;
				font-size: 35rpx;
				font-weight: 700;
			}
			.in_item{
				font-size: 30rpx;
				margin: 36rpx 0;
				display: flex;
				justify-content: space-between;
				.item_color{
					color: #808080;
				}
			}
		}
	}
	
	.in_number{
		width: 480rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.inform{
		background-color: #FFFFFF;
		height: 540rpx;
		// display: flex;
		// flex-direction: column;
	}
	.baccolor{
		height: 300rpx;
		width: 100%;
		background-color: #C8C7CC;
	}
</style>
